body,
html {
	height: 100%;
	background: #110841;
}

* {
	margin: 0;
	padding: 0;
}

.top {
	width: 98%;
	height: 50px;

	top: 0;
	left: 0;
	background: #130A43;
	text-align: center;
	line-height: 36px;
	
}

.top_title {
	background-image: url(../img/11.png);
	background-size: 100% 100%;
	height: 50px;
	width: 100%;
	color: #fff;
		position: relative;

}
h3{
		letter-spacing: 5px;
	}
.center {
	width: 100%;
	position: absolute;
	top: 60px;
	bottom: 0;
}

.left {
	width: 20%;
	height: 100%;
	float: left;
	background-image: url(../img/bg.png);
	background-size: 100% 100%;
   background-repeat: no-repeat;

}
.logout img{
	width: 18px;
		height: 18px;
	vertical-align: middle;
}
.quanping img{
	width: 18px;
	height: 18px;
vertical-align: middle;
}
.logout{
	color: #05C1CB;
	font-size: 14px;
	position: absolute;
	top: 10px;
	right: 0%;
		cursor: pointer;
}
.quanping1 img{
	width: 18px;
	height: 18px;
	vertical-align: middle;
}
.quanping1{
	color: #05C1CB;
	font-size: 14px;
	position: absolute;
	top: 10px;
		cursor: pointer;
	right: 10%;
	display: none;
}
.quanping{
	color: #05C1CB;
	font-size: 14px;
	position: absolute;
	top: 10px;
		cursor: pointer;
	right: 5%;
}
.contols{
	position: absolute;
	cursor: pointer;
	top: 16px;
	right: 17%;
	width: 70px;
	height: 30px;
	line-height: 30px;
	background: #4988C4;
	font-size: 15px;
	border-radius: 5px;
	color: #fff;
	text-align: center;
	}
.right {
	
	overflow: hidden;
	height: 98%;
	width: 57%;
	margin: auto;

}

.right1{
	background: #0F1A5C;
	overflow: hidden;
	height: 98%;
	width: 100%;
	margin: auto;
}
.aside {
	width: 20%;
	height: 100%;
	float: right;
	background-image: url(../img/bg.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
}

.container {
	width: 100%;
	height: 100%;
}

.chart_top {
	height: 60%;
	width: 100%;
	background: #0F1A5C;

}

.chart_1 {
	height: 100%;
	width: 98%;
	background-image: url(../img/biankuang3.png);
	background-size: 100% 100%;
	margin: auto;

}

.posi {
	position: relative;
	height: 46%;
	width: 100%;
}

.anjianbi {
	position: absolute;
	color: #fff;
	top: 1px;
	left: 68px;
}

.chart_2 {
	height: 100%;
	width: 98%;
	margin: auto;
	background-image: url(../img/biankuang3.png);
	background-size: 100% 100%;

}

.chart_bottom {
	height: 40%;
	width: 100%;
	background: #0C1B56;
	border-top: 10px solid #110841;
}

.charts_title {
	width: 100%;
	text-align: center;
	height: 22px;
}

.charts_title_img {
	width: 280px;
	display: inline-block;
	height: 37px;
	background-size: 100% 100%;
	text-align: center;
	color: #68DEFF;
	padding: 3px;
	font-size: 15px;
	background-image: url(../img/title.png);
}

.anjian_left {
	line-height: 40px;
	width: 140px;
	height: 40px;
	margin: 3px;
display: inline-block;
	background-image: url(../img/wangge.png);
	background-size: 100% 100%;
	border-radius: 5px;
	width: 31.5%;
}



.tableData {
	width: 100%;
	height: 100%;
}

.tt {
	height: 185px \0\9;
	overflow: auto;
}

#table1 {
	width: 100%;
	height: 100%;
}

.anjian_right,
.anjian_left span {
	font-size: 15px;
	color: #03F7FD;
}

table thead,
tbody tr {
	display: table;
	width: 100%;
	table-layout: fixed;
}


.container table {
	color: #E6E6E6;
	width: 100%;
}

.container table thead {
	height: 40px;
	line-height: 20px;
}

.container table thead th {
	color: #00adf0;
	box-sizing: border-box;
	padding-top: 20px;
	padding-top: 40px \9\0;
}

@media screen and (max-width: 1620px) {
	#table_data1 {
		width: 100%;
		height:89px;
		overflow: auto;
		display: block;
		/* 	height: 100% \9\0;
		overflow: auto \0\9; */
	}
	#sort_table_data,
	#sort_table_data_yuan {
		width: 96%;
		margin: auto;
		height: 76vh;
		overflow: auto;
		display: block;
	}

	.tt_left {
		height: 79vh \0\9;
		overflow: auto;
		width: 97% \0\9;
		margin: auto \0\9;
	}
	.container table tbody tr {
		width: 100%;
		line-height: 30px;
		height: 30px\0\9;
		margin-top: 5px;
		line-height: 30px\0\9;
		text-align: center;
		box-sizing: border-box;
	}
}

@media screen and (min-width: 1621px) {

	#sort_table_data,
	#sort_table_data_yuan {
		width: 96%;
		margin: auto;
		height: 82vh;
		overflow: hidden;
		display: block;
	}
	#table_data1 {
		width: 100%;
		height: 250px;
		overflow: auto;
		display: block;
		/* 	height: 100% \9\0;
		overflow: auto \0\9; */
	}
	.reset_width div{
		font-size: 18px;
	}
.container table tbody tr {
	width: 100%;
	line-height: 38px;
	height: 30px\0\9;
	margin-top: 5px;
	line-height: 30px\0\9;
	text-align: center;
	box-sizing: border-box;
}
.rt  table tbody tr{
	line-height: 54px;
	height: 54px;
}
.shiyuan table tbody tr{
	line-height: 44px;
	height: 44px;
}
	.tt_left {
		height: 79vh \0\9;
		overflow: hidden;
		width: 97% \0\9;
		margin: auto \0\9;
	}
}



.rt table tbody tr td:first-child {
	width: 45% !important;
}

.rt table thead th:first-child {
	width: 45% !important;
	;
}

/* #sort_table_data tr{
	border-bottom: 1px solid #54B9BC;
}
#sort_table_data,#sort_table_data_yuan tr td{
	border-bottom: 0.5px solid #54B9BC;
} */

#table_data1 tr:nth-child(even) {
	-ms-background: filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000', endColorstr='#ccc', GradientType=0);
	background: linear-gradient(to right,
		#091D52 0%,
		#074975 30%,
		#064D77 50%,
		#091D52 100%);
}

.container table tbody tr td {
	text-align: center;
	font-size: 15px;
}

::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 0.12rem;
	height: 0.17rem;
	/*高宽分别对应横竖滚动条的尺寸*/

}

::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 0.1rem;
	background: #6CF0F4;
}

#table_data,
#table_data1,
#sort_table_data,
#sort_table_data_yuan {
	-ms-overflow-style: none;
	/* scrollbar-base-color: #134087;
	  //scrollbar-base-color: #134087;
	  scrollbar-3dlight-color:#134087;
	  scrollbar-highlight-color: #134087;
	  scrollbar-track-color: #011433;
	  scrollbar-arrow-color: #011433;
	  scrollbar-shadow-color:#011433; */

}

.tt,
.tt_left {
	scrollbar-base-color: #050D56;
	scrollbar-base-color: #050D56;
	scrollbar-3dlight-color: #050D56;
	scrollbar-highlight-color: #050D56;
	scrollbar-track-color: #050D56;
	scrollbar-arrow-color: #050D56;
	scrollbar-shadow-color: #050D56;
}

::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	border-radius: 0.1rem;
	background: #0B3C77;

}
.reset_width {
	width: 220px;
}
.dialog_content_table{
	width: 100%;
	}
.dialog_header,.dialog_c {
	text-align: center;
	width: 100%;
	margin-top: 10px;
	}
	.dialog_c_tr:hover{
		background: #074975;
	}
	.dialog_c_tr{
		height: 45px;
		line-height: 45px;
		border-bottom: 1px solid #516093;
	}
	.dialog_c_tr span{
		width: 30%;
		color: #fff;
		font-size: 15px;
		display: inline-block;
	}
	.dialog_header span{
		display: inline-block;
		width: 30%;
		color: #00ADF0;
		font-weight: 600;
	}
.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 10000;
	/* Sit on top */
	padding-top: 60px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}
.modal-header{
	width: 100%;
	text-align: center;
	background-image: url(../img/biaotilan.png);
	background-size: 100% 100%;
	height: 40px;
	color: #fff;
	line-height: 40px;
	font-size: 19px;
}

.x {
	position: absolute;
	top: 0;
	cursor: pointer;
	right: 3px;

}
/* Modal Content */
.modal-content {
	position: relative;
	background: #103B76;
	background-image: url(../img/ditu.png);
	margin: auto;
	background-size: 100% 100%;
	padding: 0;
	width: 60%;
	height:80vh;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
	z-index: 99999;
}
.rt tbody  tr td:first-child{
	cursor: pointer;
}
.shiyuan tbody tr td:first-child{
	cursor: pointer;
}
@media screen and (max-width: 1420px) {
	.modal-content {
			height:85vh;
	}
}
.charts_titles{
	height: 52px;
	text-align: center;
	width: 100%;

}